<!DOCTYPE html>
<html lang="en" dir="auto">

<head><meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="robots" content="index, follow">
<title>Posts | Kyle&#39;s Blog</title>
<meta name="keywords" content="">
<meta name="description" content="Posts - Kyle&#39;s Blog">
<meta name="author" content="Kyle, PaperMod">
<link rel="canonical" href="https://pagesorg.atomgit.net/atomgit-blog/posts/">
<link crossorigin="anonymous" href="/atomgit-blog/assets/css/stylesheet.5ff2630c4d1b3e25bc21f0ecd96681dbcf58219e741fa627857820b5485cb770.css" integrity="sha256-X/JjDE0bPiW8IfDs2WaB289YIZ50H6YnhXggtUhct3A=" rel="preload stylesheet" as="style">
<link rel="icon" href="https://pagesorg.atomgit.net/atomgit-blog/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="https://pagesorg.atomgit.net/atomgit-blog/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://pagesorg.atomgit.net/atomgit-blog/favicon-32x32.png">
<link rel="apple-touch-icon" href="https://pagesorg.atomgit.net/atomgit-blog/apple-touch-icon.png">
<link rel="mask-icon" href="https://pagesorg.atomgit.net/atomgit-blog/safari-pinned-tab.svg">
<meta name="theme-color" content="#2e2e33">
<meta name="msapplication-TileColor" content="#2e2e33">
<link rel="alternate" type="application/rss+xml" href="https://pagesorg.atomgit.net/atomgit-blog/posts/index.xml">
<link rel="alternate" hreflang="en" href="https://pagesorg.atomgit.net/atomgit-blog/posts/">
<link rel="alternate" hreflang="fr" href="https://pagesorg.atomgit.net/atomgit-blog/fr/posts/">
<link rel="alternate" hreflang="fa" href="https://pagesorg.atomgit.net/atomgit-blog/fa/posts/">
<noscript>
    <style>
        #theme-toggle,
        .top-link {
            display: none;
        }

    </style>
    <style>
        @media (prefers-color-scheme: dark) {
            :root {
                --theme: rgb(29, 30, 32);
                --entry: rgb(46, 46, 51);
                --primary: rgb(218, 218, 219);
                --secondary: rgb(155, 156, 157);
                --tertiary: rgb(65, 66, 68);
                --content: rgb(196, 196, 197);
                --code-block-bg: rgb(46, 46, 51);
                --code-bg: rgb(55, 56, 62);
                --border: rgb(51, 51, 51);
            }

            .list {
                background: var(--theme);
            }

            .list:not(.dark)::-webkit-scrollbar-track {
                background: 0 0;
            }

            .list:not(.dark)::-webkit-scrollbar-thumb {
                border-color: var(--theme);
            }
        }

    </style>
</noscript>
  

<meta property="og:title" content="Posts" />
<meta property="og:description" content="Theme PaperMod - https://github.com/adityatelange/hugo-PaperMod" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://pagesorg.atomgit.net/atomgit-blog/posts/" />
<meta property="og:image" content="https://pagesorg.atomgit.net/atomgit-blog/images/papermod-cover.png" />



<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://pagesorg.atomgit.net/atomgit-blog/images/papermod-cover.png" />
<meta name="twitter:title" content="Posts"/>
<meta name="twitter:description" content="Theme PaperMod - https://github.com/adityatelange/hugo-PaperMod"/>


<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position":  1 ,
      "name": "Posts",
      "item": "https://pagesorg.atomgit.net/atomgit-blog/posts/"
    }
  ]
}
</script>
</head>

<body class="list" id="top">
<script>
    if (localStorage.getItem("pref-theme") === "dark") {
        document.body.classList.add('dark');
    } else if (localStorage.getItem("pref-theme") === "light") {
        document.body.classList.remove('dark')
    } else if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
        document.body.classList.add('dark');
    }

</script>

<header class="header">
    <nav class="nav">
        <div class="logo">
            <a href="https://pagesorg.atomgit.net/atomgit-blog/" accesskey="h" title="Kyle&#39;s Blog (Alt + H)">Kyle&#39;s Blog</a>
            <div class="logo-switches">
                <button id="theme-toggle" accesskey="t" title="(Alt + T)">
                    <svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewBox="0 0 24 24"
                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                        stroke-linejoin="round">
                        <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
                    </svg>
                    <svg id="sun" xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewBox="0 0 24 24"
                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                        stroke-linejoin="round">
                        <circle cx="12" cy="12" r="5"></circle>
                        <line x1="12" y1="1" x2="12" y2="3"></line>
                        <line x1="12" y1="21" x2="12" y2="23"></line>
                        <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
                        <line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
                        <line x1="1" y1="12" x2="3" y2="12"></line>
                        <line x1="21" y1="12" x2="23" y2="12"></line>
                        <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
                        <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
                    </svg>
                </button>
                <ul class="lang-switch"><li>|</li>
                    <li>
                        <a href="https://pagesorg.atomgit.net/atomgit-blog/fr/" title="French"
                            aria-label=":fr:">🇫🇷</a>
                    </li>
                    <li>
                        <a href="https://pagesorg.atomgit.net/atomgit-blog/fa/" title="Fa"
                            aria-label="Fa">Fa</a>
                    </li>
                </ul>
            </div>
        </div>
        <ul id="menu">
            <li>
                <a href="https://pagesorg.atomgit.net/atomgit-blog/archives" title="Archive">
                    <span>Archive</span>
                </a>
            </li>
            <li>
                <a href="https://pagesorg.atomgit.net/atomgit-blog/search/" title="Search (Alt &#43; /)" accesskey=/>
                    <span>Search</span>
                </a>
            </li>
            <li>
                <a href="https://pagesorg.atomgit.net/atomgit-blog/tags/" title="Tags">
                    <span>Tags</span>
                </a>
            </li>
            <li>
                <a href="https://github.com/adityatelange/hugo-PaperMod/wiki/" title="WiKi">
                    <span>WiKi</span>&nbsp;
                    <svg fill="none" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round"
                        stroke-linejoin="round" stroke-width="2.5" viewBox="0 0 24 24" height="12" width="12">
                        <path d="M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6"></path>
                        <path d="M15 3h6v6"></path>
                        <path d="M10 14L21 3"></path>
                    </svg>
                </a>
            </li>
        </ul>
    </nav>
</header>
<main class="main"> 
<header class="page-header"><div class="breadcrumbs"><a href="https://pagesorg.atomgit.net/atomgit-blog/">Home</a></div>
  <h1>
    Posts
    <a href="/atomgit-blog/posts/index.xml" title="RSS" aria-label="RSS">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
        stroke-linecap="round" stroke-linejoin="round" height="23">
        <path d="M4 11a9 9 0 0 1 9 9" />
        <path d="M4 4a16 16 0 0 1 16 16" />
        <circle cx="5" cy="19" r="1" />
      </svg>
    </a>
  </h1>
</header>

<article class="post-entry"> 
  <header class="entry-header">
    <h2 class="entry-hint-parent">如何利用 AtomGit Pages 快速搭建你的静态站点
    </h2>
  </header>
  <div class="entry-content">
    <p>最终效果地址：https://kaiyuanxiaobing.atomgit.net/my-blog-website/
准备工作 在开始之前，请确保你已经有了以下条件：
一个 AtomGit 账户。
安装 Git：
Windows：下载并安装 Git for Windows。 macOS： 首先，检查是否已经安装了 Git：在终端中运行 git --version。 如果未安装，使用 Homebrew 安装 Git：brew install git。 如果已安装，但版本较旧，可以使用 Homebrew 更新 Git：brew update &amp;&amp; brew upgrade git。 Linux： 首先，检查是否已经安装了 Git：在终端中运行 git --version。 如果未安装，使用你的包管理器安装 Git（例如，在 Ubuntu 上使用 sudo apt-get update &amp;&amp; sudo apt-get install git）。 如果已安装，但版本较旧，可以使用包管理器更新 Git（例如，在 Ubuntu 上使用 sudo apt-get update &amp;&amp; sudo apt-get upgrade git）。 安装 Hugo： 静态博客系统有很多，可以根据自己的喜好选择，本教程选择用 hugo。
Windows：下载并安装 Hugo for Windows。 macOS：使用 Homebrew 安装 Hugo (brew install hugo) 或者下载 Hugo for macOS。 Linux：使用 Snap 安装 Hugo (sudo snap install hugo) 或者下载 Hugo for Linux。 配置 Git 用户信息： 在终端中运行以下命令来设置你的用户名和电子邮件地址：...</p>
  </div>
  <footer class="entry-footer"><span title='2024-05-10 11:07:36 +0800 CST'>May 10, 2024</span>&nbsp;·&nbsp;3 min&nbsp;·&nbsp;Kyle</footer>
  <a class="entry-link" aria-label="post link to 如何利用 AtomGit Pages 快速搭建你的静态站点" href="https://pagesorg.atomgit.net/atomgit-blog/posts/atomgit/2/"></a>
</article>

<article class="post-entry"> 
  <header class="entry-header">
    <h2 class="entry-hint-parent">开放原子开源活动贡献榜开源项目协作教程
    </h2>
  </header>
  <div class="entry-content">
    <p>项目地址：https://atomgit.com/lijin/open-atom-contributor-leaderboard/ 根据此项目的 README.md 文件里面的“项目使用”撰写一篇可以让更多非技术同学能玩转的教程 0、前提条件 可能有的人是首次使用，那么我们可以尽量全面介绍，照顾到细节。 为了简化操作的复杂度，尽量全部用 GUI 的形式来操作。
Windows11 Python3 NodeJS v20.12.2 Git Client：OpenLinkSaaS 1、安装所需软件和运行环境配置 1）安装 Python 推荐使用 Anaconda 进行 Python 开发，它集成了 Python 解释器和常用的科学计算库，方便管理环境和软件包，尤其适合数据科学、机器学习等领域。
下载地址 https://www.python.org/downloads/ 双击安装 Python3 软件 验证 Python 安装成功 2）安装NodeJS 下载地址 https://nodejs.org/dist/v20.12.2/node-v20.12.2-x64.msi
双击安装 NodeJS
验证 NodeJS 安装成功 3）安装OpenLinkSaaS 下载地址：https://www.linksaas.pro/download 双击安装 2、下载开源项“开放原子开源活动贡献榜” 2.1、用你的 AtomGit 登录 OpenLinkSaaS 2.2、设置 SSH，让你的本地电脑和AtomGit 进行通信 生成 SSH Key 复制 SSH Key 公钥 在 AtomGit 中设置此公钥 2.3、推荐使用 SSH 方式下载克隆 3、数据转换 进入“开放原子开源活动贡献榜”项目的“src”目录 在“src”目录下，打开终端 安装python 项目的依赖包：pandas pip install pandas 执行命令python3 ....</p>
  </div>
  <footer class="entry-footer"><span title='2024-05-01 00:00:00 +0000 UTC'>May 1, 2024</span>&nbsp;·&nbsp;1 min&nbsp;·&nbsp;Kyle</footer>
  <a class="entry-link" aria-label="post link to 开放原子开源活动贡献榜开源项目协作教程" href="https://pagesorg.atomgit.net/atomgit-blog/posts/atomgit/1/"></a>
</article>

<article class="post-entry"> 
<figure class="entry-cover">
        <img loading="lazy" srcset="https://pagesorg.atomgit.net/atomgit-blog/images/msg_hu5deb5e6d9e0f2517f781ba2ad78170fc_29736_360x0_resize_box_3.png 360w ,https://pagesorg.atomgit.net/atomgit-blog/images/msg_hu5deb5e6d9e0f2517f781ba2ad78170fc_29736_480x0_resize_box_3.png 480w ,https://pagesorg.atomgit.net/atomgit-blog/images/msg_hu5deb5e6d9e0f2517f781ba2ad78170fc_29736_720x0_resize_box_3.png 720w ,https://pagesorg.atomgit.net/atomgit-blog/images/msg_hu5deb5e6d9e0f2517f781ba2ad78170fc_29736_1080x0_resize_box_3.png 1080w ,https://pagesorg.atomgit.net/atomgit-blog/images/msg_hu5deb5e6d9e0f2517f781ba2ad78170fc_29736_1500x0_resize_box_3.png 1500w ,https://pagesorg.atomgit.net/atomgit-blog/images/msg.png 1600w" 
            sizes="(min-width: 768px) 720px, 100vw" src="https://pagesorg.atomgit.net/atomgit-blog/images/msg.png" alt="Generated using [OG Image Playground by Vercel](https://og-playground.vercel.app/)" 
            width="1600" height="800">
</figure>
  <header class="entry-header">
    <h2 class="entry-hint-parent">Markdown Syntax Guide
    </h2>
  </header>
  <div class="entry-content">
    <p>This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.
...</p>
  </div>
  <footer class="entry-footer"><span title='2019-03-11 00:00:00 +0000 UTC'>March 11, 2019</span>&nbsp;·&nbsp;2 min&nbsp;·&nbsp;Hugo Authors</footer>
  <a class="entry-link" aria-label="post link to Markdown Syntax Guide" href="https://pagesorg.atomgit.net/atomgit-blog/posts/markdown-syntax/"></a>
</article>

<article class="post-entry"> 
  <header class="entry-header">
    <h2 class="entry-hint-parent">Code Syntax Guide
    </h2>
  </header>
  <div class="entry-content">
    <p>Sample article showcasing basic code syntax and formatting for HTML elements.</p>
  </div>
  <footer class="entry-footer"><span title='2019-03-10 00:00:00 +0000 UTC'>March 10, 2019</span>&nbsp;·&nbsp;2 min&nbsp;·&nbsp;Aditya Telange</footer>
  <a class="entry-link" aria-label="post link to Code Syntax Guide" href="https://pagesorg.atomgit.net/atomgit-blog/posts/code_syntax/"></a>
</article>

<article class="post-entry"> 
  <header class="entry-header">
    <h2 class="entry-hint-parent">Rich Content and Shortcodes
    </h2>
  </header>
  <div class="entry-content">
    <p>Hugo ships with several Built-in Shortcodes for rich content, along with a Privacy Config and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds.
...</p>
  </div>
  <footer class="entry-footer"><span title='2019-03-10 00:00:00 +0000 UTC'>March 10, 2019</span>&nbsp;·&nbsp;1 min&nbsp;·&nbsp;Hugo Authors, PaperMod Contributors</footer>
  <a class="entry-link" aria-label="post link to Rich Content and Shortcodes" href="https://pagesorg.atomgit.net/atomgit-blog/posts/rich-content/"></a>
</article>
<footer class="page-footer">
  <nav class="pagination">
    <a class="next" href="https://pagesorg.atomgit.net/atomgit-blog/posts/page/2/">Next&nbsp;2/2&nbsp;»
    </a>
  </nav>
</footer>
    </main>
    
<footer class="footer">
        <span>© <a href="https://atomgit.com/kyle">Kyle</a></span> · 

    <span>
        Powered by
        <a href="https://gohugo.io/" rel="noopener noreferrer" target="_blank">Hugo</a> &
        <a href="https://github.com/adityatelange/hugo-PaperMod/" rel="noopener" target="_blank">PaperMod</a>
    </span>
</footer>
<a href="#top" aria-label="go to top" title="Go to Top (Alt + G)" class="top-link" id="top-link" accesskey="g">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6" fill="currentColor">
        <path d="M12 6H0l6-6z" />
    </svg>
</a>

<script>
    let menu = document.getElementById('menu')
    if (menu) {
        menu.scrollLeft = localStorage.getItem("menu-scroll-position");
        menu.onscroll = function () {
            localStorage.setItem("menu-scroll-position", menu.scrollLeft);
        }
    }

    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
        anchor.addEventListener("click", function (e) {
            e.preventDefault();
            var id = this.getAttribute("href").substr(1);
            if (!window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
                document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView({
                    behavior: "smooth"
                });
            } else {
                document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView();
            }
            if (id === "top") {
                history.replaceState(null, null, " ");
            } else {
                history.pushState(null, null, `#${id}`);
            }
        });
    });

</script>
<script>
    var mybutton = document.getElementById("top-link");
    window.onscroll = function () {
        if (document.body.scrollTop > 800 || document.documentElement.scrollTop > 800) {
            mybutton.style.visibility = "visible";
            mybutton.style.opacity = "1";
        } else {
            mybutton.style.visibility = "hidden";
            mybutton.style.opacity = "0";
        }
    };

</script>
<script>
    document.getElementById("theme-toggle").addEventListener("click", () => {
        if (document.body.className.includes("dark")) {
            document.body.classList.remove('dark');
            localStorage.setItem("pref-theme", 'light');
        } else {
            document.body.classList.add('dark');
            localStorage.setItem("pref-theme", 'dark');
        }
    })

</script>
</body>

</html>
